<template>
	<!-- 我的订单-底部begin -->
	<div class="footer">
		<div class="footer_flex">
			<div class="cancel">
				<span>取消</span>
			</div>
			<div class="save">
				<span>查看配送状态</span>
                
			</div>
		</div>
	</div>
	<!-- 我的订单-底部end -->
</template>

<script>
export default {
	name: 'OrderIngredientsFooter',
};
</script>

<style scoped>
.footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0px -10px 40px rgba(26, 77, 160, 0.16), inset 1px 1px 3px rgba(255, 255, 255, 0.15);
}
.footer > .footer_flex {
	display: flex;
	flex: row-reverse;
	align-items: center;
	padding: 20px 24px 20px 24px;
}
.footer > .footer_flex > .cancel,
.footer > .footer_flex > .save {
	width: 111px;
	height: 52px;
	left: 24.25px;
	box-sizing: border-box;
	border-radius: 8px;
	line-height: 52px;
	text-align: center;
	border-radius: 8px;
}
.footer > .footer_flex > .cancel {
	flex: 1;
	margin-right: 15px;
	border: 1px solid rgb(193, 193, 193);
}
.footer > .footer_flex > .save {
	flex: 2;
	background: rgb(255, 215, 25);
}
</style>
